<%@ page language="java" pageEncoding="UTF-8"
	contentType="text/html; charset=UTF-8"%>
<%@ page
	import="org.springframework.security.core.context.SecurityContextHolder"%>
<%@ page
	import="org.springframework.security.core.userdetails.UserDetails"%>

<%@include file="common.jsp"%>
<script type="text/javascript">
var grid = null;
var showVersion = function(id) {
	$.post("versionManage!view.action", {
		'version.id' : id
	}, function(result) {
		var version = result.version;
		var html='';
		html=html+'版本号:';
		html=html+version.id;
		html=html+'<br>';
		html=html+'文件名:';
		html=html+version.fileName;
		html=html+'<br>';
		html=html+'文件大小(KB):';
		html=html+version.fileSize;
		html=html+'<br>';
		html=html+'操作人:';
		html=html+version.username;
		html=html+'<br>';
		html=html+'更新时间:';
		html=html+version.updateTime;
		alertx(html);
	});
};
var download = function(fileName) {
	location.href = "fileDownload.action?fileName=" + fileName;
}
$(document)
		.ready(
				function() {
					$('#publish_version').click(function() {
						var versionNumber = $('#version_number').val();
						var fileSize = $('#file_size').val();
						var fileName = $('#file_name').val();
						var remark = $('#remark').val();
						if (fileSize == '' || versionNumber == '') {
							alertx('请填写完整');
							return;
						}
						$.post("versionManage!add.action", {
							'version.versionNumber' : versionNumber,
							'version.remark' : remark,
							'version.fileName' : fileName,
							'version.fileSize' : fileSize
						}, function(result) {
							alertx(result.msg);
							grid.loadData();
						});

					});

					$('#query_version')
							.click(
									function() {
										location.href = "versionQuery.action?version.versionNumber=0";

									});
					$('#down_newest_version').click(function() {
						location.href = "fileDownload.action";

					});
					$('#delete_version').click(function() {
						var rows = grid.getCheckedRows();
						var id = '';
						for ( var index in rows) {
							id += rows[index]['id'];
							id += ',';
						}
						id = id.rTrim(',');
						if (id == '') {
							alertx('请选择记录');
						} else {
							if (!window.confirm('确定要删除选中吗？')) {
								return;
							}

							$.post("versionManage!delete.action", {
								'version.id' : id
							}, function(result) {
								alertx(result.msg);
								grid.loadData();
							});
						}

					});
					grid = $("#maingrid")
							.ligerGrid(
									{
										columns : [

												{
													display : '版本号',
													name : 'versionNumber',
													align : 'center',
													width : 60,
													minWidth : 60,
													render : function(record,
															rowindex, value,
															column) {
														//this 这里指向grid 
														//record 行数据 
														//rowindex 行索引 
														//value 当前的值，对应record[column.name] 
														//column 列信息 
														return "<a href='javascript:' onclick=showVersion('"
																+ record['id']
																+ "')>"
																+ value
																+ "</a>";
													},
													sortName : 'version_number'
												},
												{
													display : '文件名',
													name : 'fileName',
													align : 'center',
													width : 250,
													minWidth : 60,
													sortName : 'filename',
													render : function(record,
															rowindex, value,
															column) {
														//this 这里指向grid 
														//record 行数据 
														//rowindex 行索引 
														//value 当前的值，对应record[column.name] 
														//column 列信息 
														return "<a href='javascript:' onclick=download('"
																+ record['fileName']
																+ "')>"
																+ value
																+ "</a>";
													}
												},
												{
													display : '发布者',
													name : 'username',
													align : 'center',
													width : 100,
													minWidth : 60,
													sortName : 'username'
												},
												{
													display : '文件大小(KB)',
													name : 'fileSize',
													align : 'center',
													width : 80,
													minWidth : 60,
													sortName : 'file_size'
												},
												{
													display : '发布时间',
													name : 'updateTime',
													align : 'center',
													width : 120,
													minWidth : 60,
													render : function(record,
															rowindex, value,
															column) {
														//this 这里指向grid 
														//record 行数据 
														//rowindex 行索引 
														//value 当前的值，对应record[column.name] 
														//column 列信息 
														return value.split('T')[0];
													}
												} ],
										width : '100%',
										height : '450',
										pageSize : 30,
										url : "versionManage!list.action",
										sortName : 'update_time',
										sortOrder : 'desc',
										checkbox : true
									});
				});

function ajaxFileUpload() {

	if ($('#file').val() == '') {
		alertx('请先选择文件');
		return;
	}
	$("#loading").show();
	//	$("#loading").ajaxStart(function() {
	//		$(this).show();
	//	})//开始上传文件时显示一个图片
	//			.ajaxComplete(function() {
	//				$(this).hide();
	//			});//文件上传完成将图片隐藏起来
	$.ajaxFileUpload( {
		url : 'fileUpload.action',//用于文件上传的服务器端请求地址
		secureuri : false,//一般设置为false
		fileElementId : 'file',//文件上传空间的id属性  <input type="file" id="file" name="file" />
		dataType : 'json',//返回值类型 一般设置为json
		success : function(data, status) //服务器成功响应处理函数
		{
			//alert(data.message);//从服务器返回的json中取出message中的数据,其中message为在struts2中定义的成员变量

			if (typeof (data.error) != 'undefined') {
				if (data.error != '') {
					alertx(data.error);
				} else {
					//	alert(data.message);
				}
			}
			$("#version_number").val(data.message);
			var fileSize = data.fileSize / 1024;
			fileSize = parseFloat(fileSize).toFixed(2)
			$("#file_name").val(data.fileFileName);
			$("#file_size").val(fileSize);
			$("#loading").hide();
		},
		error : function(data, status, e)//服务器响应失败处理函数
		{
			alertx(e);
			$("#loading").hide();
		}
	})

	return false;

}
</script>



</head>
<body>
	<table cellspacing=2 cellpadding=2
		style="width: 100%; margin-left: auto; margin-right: auto;">
		<tr>
			<td width=100% colspan="2"
				style="padding-right: 50px; font-size: 12px; color: #FFF; width: 100%; height: 70px; line-height: 70px; background: #302B9D url('images/top_bg.jpg')">

			</td>
		</tr>
		<tr>
			<td class="nav" colspan=2>
				<span style="float: left"><a href="versionManage.action">版本维护</a>
				</span>
				<span style="float: right"> <%
 	Object obj = SecurityContextHolder.getContext().getAuthentication();
 	if (null != obj) {
 		Object userDetail = SecurityContextHolder.getContext().getAuthentication().getPrincipal();
 		String username = "";
 		if (userDetail instanceof UserDetails) {
 			username = ((UserDetails) userDetail).getUsername();
 		} else {
 			username = userDetail.toString();
 		}
 		out.print(username);
 		out.print("&nbsp; <a href=\"j_spring_security_logout\">注销</a>");
 	} else {
 		out.print("&nbsp; <a href=\"login.action\">登陆</a>");
 	}
 %> </span>
			</td>
		</tr>
		<tr>
			<td width=50%>
				<table
					style="width: 100%; line-height: 30px; font-size: 14px; font-weight: bold; height: 30px;">
					<tr>
						<td style="float: left; height: 30px;">
							软件版本列表
						</td>
						<td width=50% align="right">
							<input id="query_version" type="button" value="版本查询(返回JSON)" />
							<input id="down_newest_version" type="button" value="下载新版" />
							<input id="delete_version" type="button" value="删除" />
						</td>
					</tr>
				</table>
				<table width=100%>
					<tr>
						<td width=100%>
							<div
								style="width: 100%; height: 458px; border: 1px solid #84a0c4"
								id="maingrid"></div>
						</td>
					</tr>
				</table>
			</td>
			<td width=50%>
				<table width=98%
					style="line-height: 30px; font-size: 14px; font-weight: bold; height: 30px">
					<tr>
						<td style="float: left; height: 30px;">
							发布新版本
						</td>

					</tr>
				</table>
				<table id="publish"
					style="background: #f7f7f7; width: 100%; height: 458px; border: 1px solid #84a0c4">
					<tr>
						<td width=30% align=right>
							上传APK：
						</td>
						<td width=70%>
							<input type="file" id="file" name="file" style="width: 200px;" />
							<input type="button" value="上传"
								onclick="return ajaxFileUpload();">
							<img src="images/upload_loading.gif" id="loading"
								style="display: none;">
						</td>
					</tr>
					<tr>
						<td width=30% align=right>
							文件名：
						</td>
						<td width=70%>
							<input id="file_name" readonly
								style="width: 250px; background: #E5E5E3" type="text" />
						</td>
					</tr>
					<tr>
						<td width=30% align=right>
							版本号：
						</td>
						<td width=70%>
							<input id="version_number" readonly
								style="width: 250px; background: #E5E5E3" type="text" />
						</td>
					</tr>
					<tr>
						<td width=30% align=right>
							文件大小(KB)：
						</td>
						<td width=70%>
							<input id="file_size" readonly
								style="width: 250px; background: #E5E5E3" type="text" />
						</td>
					</tr>
					<tr>
						<td width=30% align=right>
							备注：
						</td>
						<td width=70%>
							<textarea id="remark" style="width: 250px; height: 150px;"></textarea>
						</td>
					</tr>
					<tr>
						<td width=100% align=center colspan=2>
							<input id="publish_version" type="image" src="images/publish.png"
								style="CURSOR: hand" style="font-size: 14px;">
							</input>
						</td>
					</tr>
				</table>

			</td>
		</tr>

	</table>
</body>
</html>
